<template>
	<view class="car-page">
    <view class="empty-wrap">
      <u-empty text="购物车里还没有商品哦～" mode="car">
        <view slot="bottom" class="bottom">去商城</view>
      </u-empty>
    </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
.car-page {
  height: 100%;
  .empty-wrap {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    .bottom  {
      margin-top: 30rpx;
      width: 208rpx;
      height: 52rpx;
      background: #33B0F4;
      border-radius: 10rpx;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #FFFFFF;
      font-size: 28rpx;
    }
  }
}
</style>
